/*
	Myspace Open Source Stylesheet Initiative
	
	Version 1.3 : Moshi Banner
	Myspace Moshi Stylesheet
	Jun 2007

	Google Projects Page:  http://code.google.com/p/moshi/
	Blogger Page:  http://myspacecivilized.blogspot.com/
	Myspace Page:  http://www.myspace.com/klenwell
	Wiki Page: http://www.klenwell.net/is/CategoryMoshi
	Author:  Tom at klenwell@gmail.com

	NOTES
	
	* Banner
		- the <div class="moshi_banner"> block serves as the content of your banner
		- .moshi_banner style settings control where and how your banner appears
		- replace http://img143.imageshack.us/img143/3492/moshibannermq4.jpg in src setting with the url for your image
		- replace http://code.google.com/p/moshi/ with url to which you want banner linked
		- default settings are 200px high and 800px wide -- you can change these, but you
			will need to change some of the other settings to position correctly (recommended
			for experienced css designers only)

----------------------------------------------------------------------------- */

<style type="text/css">NOTE { START COPYING MOSHI STYLESHEET HERE }</style>

<style type="text/css">NOTE { Your Custom Banner }</style>
<div class="moshi_banner">
<a class="banner_link" href="http://code.google.com/p/moshi/">
  <img src="http://img143.imageshack.us/img143/3492/moshibannermq4.jpg" alt="moshi banner" border="0" />
</a>
<a class="moshi_credit" href="http://myspacecivilized.blogspot.com/">moshi template 1.3</a>
</div>


<style type="text/css">

START { CUSTOM BANNER - below myspace masthead }

NOTE { left margin should be half the width and negative }
.moshi_banner
{
 position: absolute; left: 50%; top: 168px;
 width: 800px; margin-left: -400px;
 height: 200px;
 overflow:hidden;
}
a.banner_link {}
a.moshi_credit { position:absolute; left:4px; top:4px; font-size:11px; }

NOTE { make room for the banner by padding top of profile table }
NOTE { set this to banner img height PLUS desired padding }
body table table td { padding-top:210px; }

JUNK DNA { control side effects }
div table table td {padding-top:0px;} 
body table table table td {padding-top:4px;}

END { YOUR BANNER }

</style>

